nav.m_nav {position:fixed;top:0px;left:0;z-index:-1;overflow:hidden;overflow-y:scroll;transform:translateY(100%);width:100%;height:calc(100vh);transition:all 600ms cubic-bezier(.8,0,.33,1);}
nav.m_nav::-webkit-scrollbar {width:0px;background:rgba(255,255,255,.3);}
nav.m_nav.nav-open {z-index:9991;transform:translateY(0);background:#263142;}
.menu-btn {top:0px;right:0px;position:fixed;cursor:pointer;z-index:99992;color:#fff;transition:.36s all;}
.nav-open .menu-btn {background:none;}
.menu-btn .line {padding:0;width:30px;background:#fff;height:2px;margin:6px 5px;transition:all 700ms cubic-bezier(.9,0,.33,1);}
.nav-open .menu-btn .line {background:#fff;}
.menu-btn .line.line--1 {width:25px;transform:rotate(0) translateY(0);margin-left:auto;}
.menu-btn .line.line--1.line-cross {width:30px;transform:rotate(45deg) translateY(2px) translateX(4px);}
.menu-btn .line.line--2 {width:20px;transform:translateX(0);}
.menu-btn .line.line--2.line-fade-out {width:25px;transform:translate(30px);opacity:0;}
.menu-btn .line.line--3 {width:25px;transform:rotate(0) translateY(0);}
.menu-btn .line.line--3.line-cross {width:30px;transform:rotate(-45deg) translateY(-8px) translateX(8px);}
nav.m_nav .nav-links {position:absolute;left:0;top:0;width:100%;height:100%;transform:translateY(0);opacity:0;display:flex;flex-direction:column;justify-content:space-between;}
nav.m_nav .nav-links ul {width:100%;margin-top:5vh;}
nav.m_nav .nav-links.fade-in {opacity:1;transform:translateY(0);}
nav.m_nav .nav-links .link {width:85%;max-width:400px;font-size:16px;margin:0 auto;display:block;padding:17px 10px;color:#fff;display:flex;align-items:center;justify-content:space-between;}
nav.m_nav .nav-links .nav-item:last-child .link {border-bottom:none;}
nav.m_nav .nav-links div.link:after {content:'\ec00';font-family:'iconfont';}
nav.m_nav .nav-links .nav-item:first-child .link {font-weight:bold;border-bottom:none;margin-bottom:20px;}
nav.m_nav .nav-links .nav-item:first-child .link:after {content:'';}
.m_nav_tel,.m_nav_tel a {font-size:1.3rem;color:#fff;}
nav.m_nav .nav-links .link:hover,.nav-subitem:hover {background:rgba(255,255,255,0.5);}
nav.m_nav .nav-links .nav-item:first-child .link:hover {background:rgba(255,255,255,0);}
@media(min-width:992px) {
	a.menu-btn,.nav-open a.menu-btn {background:none;color:unset;position:relative;}
	.nav-open .menu-btn {display:block!important;}
}
.navbottom {border-top:1px solid rgba(255,255,255,.1);position:relative;margin-top:20px;padding:20px 0;transform:translateY(100%);}
nav.nav-open .navbottom {transform:translateY(0);transition: all 1000ms cubic-bezier(.8, 0, .33, 1);}
.navbottom:after {content:'';position:absolute;z-index:9;right:0;top:0;bottom:0;width:0;height:0;transform:translateY(-100%);}
.navbottom a {display:block;margin:0 auto;color:#fff;padding: 17px 10px;font-size: 1.2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);width: 85%;position:relative;}
.navbottom a:last-child {border-bottom:none;}

.navsub {display:none;}
.nav-subitem {display: block;border-bottom: 1px solid rgba(0,0,0,.1);width: 85%;max-width: 400px;margin: 0 auto;color: #333;font-size: 1rem;display: flex;align-items: center;justify-content: space-between;}
.nav-subitem a {color:#fff;display:block;}
.nav-item.active .link:after {transform: rotate(135deg);transition:.2s all linear;}
.nav-item.active .link {border-bottom: 1px solid rgba(0,0,0,.5)!important;}
.nav-item.active .link>a {color:#c42c39;font-weight:bold;transition:.2s all linear;}
.nav-item.active .navsub {display:block;}
.nav-item.active .navsub a {animation:flipInX 1.5s;width:100%;padding: 17px 10px 17px 30px;}